
<template>
	<div class="dynamic_list">
		<!-- 动态平台 -->
		<div class="nav">
			 <div class="dynamic_nav">
				<p><router-link to="/layout/own"><img src="../../../assets/icon-return45.png"></router-link>
				</p>
				<p><span>我的电台</span></p>
			 </div>
		</div>
		<!-- 我创建的电台 start-->
		<div class="our-radio">
			<div class="mar-radio">
				<h2>我创建的电台<span>(0)</span></h2>
				<div class="jie">
					<img src="../../../assets/2100.png" alt="">
					<span>我的电台</span>
				</div>
			</div>
		</div>

		<!-- 间距 -->
		<p class="distance"></p>
		<!-- 我创建的电台 end-->

		<!-- 我订阅的电台开始 -->
		<div class="order-radioBox">
			<div class="order-radio">
				<h2>我订阅的电台<span>(5)</span></h2>
				
				<div class="jie">
					<img class="author-pic" src="../../../assets/31180.png" alt="">
					<div class="author-message">
						<p class="one">陈一发儿</p>
						<p class="two">by陈一发儿</p>
						<p class="three">by陈一发儿</p>
					</div>
				</div>

				<div class="jie">
					<img class="author-pic" src="../../../assets/32180.png" alt="">
					<div class="author-message">
						<p class="one">陈一发儿</p>
						<p class="two">by陈一发儿</p>
						<p class="three">by陈一发儿</p>
					</div>
				</div>

				<div class="jie">
					<img class="author-pic" src="../../../assets/33180.png" alt="">
					<div class="author-message">
						<p class="one">陈一发儿</p>
						<p class="two">by陈一发儿</p>
						<p class="three">by陈一发儿</p>
					</div>
				</div>
				
				<div class="jie">
					<img class="author-pic" src="../../../assets/34180.png" alt="">
					<div class="author-message">
						<p class="one">陈一发儿</p>
						<p class="two">by陈一发儿</p>
						<p class="three">by陈一发儿</p>
					</div>
				</div>


			</div>
		</div>
		<!-- 我订阅的电台结束 -->
		<p class="blank"></p>
        <!-- <musicPlayer></musicPlayer> -->
	</div>
</template>
<script>
import musicPlayer from '../../../components/music_player'
	export default {
		name:'myRadio',
		data(){
			return{
				
			}
		},
		components:{
			musicPlayer
		}
	}
</script>
<style scoped lang="Less">
.dynamic_list{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
}
.nav{
	 width: 100%;
	 height: 88/100rem;
     position: fixed;
     z-index: 999;
     overflow: hidden;
}
.dynamic_nav img{
    width:28 /100rem;
    height: 45 / 100rem; 
    vertical-align: middle;
}
.dynamic_nav{
    width: 100%;
	height: 88/100rem;
	overflow: hidden;
	background: url('../../../assets/daohang.png');
	background-size: 100%; 
	background-color: red;
}
.dynamic_nav p{
	float: left;
	margin-top: 16 / 100rem;
	margin-left: 20 / 100rem;
}
.dynamic_nav p span{
	display: inline-block;
    font-size: 36 / 100rem;
    margin-left: 250 / 100rem;
    margin-top:10 / 100rem;
    color: #fff;
}
/*我创建的电台开始*/
.our-radio{
	width: 100%;
	height: 204/100rem;
	margin-top: 88/100rem;
	.mar-radio{
		margin-left: 20/100rem;
			h2{
				height: 80/100rem;
				line-height: 80/100rem;
				font-size: 30/100rem;
				color: #333;
				span{
					margin-left: 23/100rem;
				}
			}
		.jie{
			width:100%;
			height: 100/100rem;
			line-height: 100/100rem;
			img{
				width: 100/100rem;
				height: 100/100rem;
				vertical-align: middle;
			}
			span{
				margin-left: 25/100rem;
			}
		}
	}
}
/*我创建的电台结束*/

/*我订阅的电台开始*/
.order-radioBox{
	width: 100%;
	.order-radio{
		margin-left: 20/100rem;
			h2{
				height: 80/100rem;
				line-height: 80/100rem;
				font-size: 30/100rem;
				color: #333;
				span{
					margin-left: 23/100rem;
				}
			}
		.jie{
			width:100%;
			height: 180/100rem;
			line-height: 180/100rem;
			margin-bottom: 25/100rem;
			/*background: red;*/
			.author-pic{
				width: 180/100rem;
				height: 180/100rem;
				vertical-align: middle;
				float: left;
				margin-right: 15/100rem;
			}
			.author-message{
				float: left;
				width: 300/100rem;
				height: 180/100rem;
				.one{
					height: 48/100rem;
					line-height: 48/100rem;
					font-size: 24/100rem;
					color: #333;
				}
				.two{
					height: 54/100rem;
					line-height: 54/100rem;
					font-size: 20/100rem;
					color: #666;
				}
				.three{
					height: 46/100rem;
					line-height: 46/100rem;
					font-size: 24/100rem;
					color: #333;
				}
			}
			
		}
	}
}
/*我订阅的电台结束*/
.distance{
	height: 20/100rem;
	background: #DBD7DF;
}

.blank{
	width: 100%;
	height: 109/100rem;
}
	
</style>